<template>
	<view class="content-header">
		<view v-if="shopList.length==0" class="not-data">
			<image src="../../static/index/notdp.png" mode="scaleToFill"></image>
			<view>暂无店铺</view>
		</view>
		<view v-if="shopList.length>0" class="data-top">
			<view v-for="item in shopList" class="ones">
				<view class="header">
					<view class="header-top flex-row flex-content-between">
						<view class="flex-row flex-item-center header-top-name">
							<image src="../../static/index/index-address.png" mode="scaleToFill"></image>
							<view>008西一路店</view>
						</view>
						<view class="header-top-a">合伙人</view>
					</view>
				</view>
				<view class="data flex-row flex-content-between">
					<view class="flex-column list-data">
						<view>累计收入</view>
						<view>362556.36</view>
					</view>
					<view class="flex-column list-data">
						<view>今日营业额</view>
						<view>362556.36</view>
					</view>
					<view class="flex-column list-data">
						<view>今日预计收入</view>
						<view>362556.36</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				shopList:[
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					
					"",
					"",
					"",
					"",
					"",
				],//店铺列表
			}
		}
	}
</script>

<style lang="scss">
	.list-data{
		>view:nth-child(1){
			font-size: 26rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
		}
		>view:nth-child(2){
			font-size: 28rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
			margin-top: 18rpx;
		}
	}
	.data{
		margin-left: 24rpx;
		margin-right: 46rpx;
		margin-top: 36rpx;
	}
	.header-top-a{
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
	}
	.header-top-name{
		>image{
			width: 26rpx;
			height: 29rpx;
		}
		>view{
			font-size: 28rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #338507;
			margin-left: 25rpx;
			
		}
	}
	.header-top{
		padding-top: 18rpx;
		margin-left: 24rpx;
		margin-right: 30rpx;
	}
	.header{
		width: 690rpx;
		height: 75rpx;
		background: #F9E1A4;
		border-radius: 20rpx 20rpx 0px 0px;
		opacity: 1;
	}
	.ones{
		width: 690rpx;
		height: 238rpx;
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		opacity: 1;
		margin-bottom: 24rpx;
	}
	.data-top{
		width: 690rpx;
		margin-top: 24rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
		padding-bottom: 20rpx;
	}
	.not-data{
		margin-top: 260rpx;
		>image{
			width: 286rpx;
			height: 156rpx;
			margin-left: 232rpx;
		}
		>view{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			text-align: center;
			margin-top: 30rpx;
		}
	}
</style>